<?php
include APPPATH . 'views/cms/inc/01_head.php';
include APPPATH . 'views/cms/inc/05_top.php';
?>
<!-- Content container -->
<div id="container">
    <?php include APPPATH . 'views/cms/inc/04_slidebar.php'; ?>
    <script type="text/javascript" src="/libraries/jqwidgets32/jqx-all.js"></script>
    <link href='/libraries/jqwidgets32/styles/jqx.base.css' rel='stylesheet' type='text/css'>
    <link href='/libraries/jqwidgets32/styles/jqx.classic.css' rel='stylesheet' type='text/css'>
	<script type="text/javascript" src="/libraries/cms/cp/cp.lookbook.js"></script>
	<script type="text/javascript" src="/libraries/cms/cp/cp.productchoose.js"></script>
	<link rel="stylesheet" type="text/css" href="/libraries/jquery.imgareaselect/css/imgareaselect-default.css" />
	<script type="text/javascript" src="/libraries/jquery.imgareaselect/scripts/jquery.imgareaselect.pack.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            _CP.onInit();
        });
    </script>

    <!-- Content -->
    <div id="content">

        <!-- Content wrapper -->
        <div class="wrapper">

            <!-- Breadcrumbs line -->
            <div class="crumbs">
                <ul id="breadcrumbs" class="breadcrumb"> 
                    <li><a href="/cms">CMS</a></li>
                    <li ><a href="/cms/cp" title="">Content Provider</a></li>
                    <li class="active"><a href="#" title="">LOOK BOOK</a></li>
                </ul>

                <ul class="alt-buttons">
                    <li><a href="#" title=""><i class="icon-signal"></i><span>Stats</span></a></li>
                    <li><a href="#" title=""><i class="icon-comments"></i><span>Messages</span></a></li>
                    <li class="dropdown"><a href="/cms/ho" title="" ><i class="icon-tasks"></i><span>Tasks</span> <strong>(+16)</strong></a>
                    </li>
                </ul>
            </div>
            <!-- /breadcrumbs line -->

            <br/>
            <div class="widget" id="viewport">
                
				<div class="navbar" >
					<div class="navbar-inner" style="position:relative">
						<h6><i class=" ico-th-large"></i>LOOK BOOK</h6>
						<ul class="nav pull-right" style="position:relative;z-index:3">
							<li><a href="JavaScript:_CP.onAddItem()"><i class="icon-plus"></i>A D D</a></li>
							<li><a href="JavaScript:_CP.onRefresh()"><i class="icon-refresh"></i>REFRESH</a></li>
						</ul>
					</div>
				</div>
                <div class="table-overflow" style="border-top: 1px solid #d5d5d5">
                    <div id="jqx_grid_view" class="box-sizing-border-box" style="border: 0px;"></div>
                </div>
                

                
            </div>
            <!-- /default datatable -->
            <div id="_edit_panel_insite" class="widget">
                <div class="base_loading" style="display: none;height: 60px"></div>
            </div>
            <div id="dialog-edit-panel" style="display: none">
                <div class="base-dialog-modal" style="-height: 240px;width: 620px">
                    <div class="base_loading" style="display: block;height: 60px"></div>
                </div>
            </div>
        </div>
        <!-- /content wrapper -->

    </div>
    <!-- /content -->
    <style>
        .no-area{position: absolute}
        .area-lookbook{position: relative}
        .area-lookbook>div{border:1px solid #ccc;margin: 4px 0;background-color: #fff;padding:4px;line-height: 20px}
        .area-lookbook>div:hover{background-color: #ddd}
        .area-lookbook>div.selected{border-color: #aaa;background-color: #ccc;}
        .area-lookbook>span{color: red;position: absolute;width: 20px;height: 20px;top: 50%;right: 0;margin-top: -10px;text-align: center;line-height: 20px;cursor: pointer}
        .area-item span.removearea{color: #fff;position: absolute;background: rgba(0,0,0,.8);cursor: pointer;bottom: 0;
left: 0;text-align: center;
width: 100%;}
    </style>
</div>
<!-- /content container -->
<?php include APPPATH . 'views/cms/inc/02_foot.php'; ?>


